import { SourceCode, PackageManagerTabs } from '@rspress/core/theme';

# @rspress/plugin-last-updated <SourceCode href="https://github.com/web-infra-dev/rspress/tree/main/packages/plugin-last-updated" />

## 介绍

`@rspress/plugin-last-updated` 是一个用于在文章中显示最后更新时间的插件。

:::tip

- 当你在默认主题中配置了 `lastUpdated: true` 时，该插件会自动生效，不需要你去安装和注册插件。
- 你必须提交 markdown 文件才能看到最后更新时间。

:::

## 安装

<PackageManagerTabs command="add @rspress/plugin-last-updated -D" />

## 使用

### 1. 注册插件

```ts title="rspress.config.ts"
import { pluginLastUpdated } from '@rspress/plugin-last-updated';
import { defineConfig } from '@rspress/core';

export default defineConfig({
  plugins: [pluginLastUpdated()],
});
```

### 2. 运行时访问

注册插件后，你就可以在运行时拿到文章的最后更新时间戳了。示例如下：

```ts
import { usePageData } from '@rspress/core/runtime';

function MyComponent() {
  const pageData = usePageData();
  return <div>{pageData.page.lastUpdatedTime}</div>;
}
```
